
@import '../../routes/member-act/workSp/style.scss';
@import '../../../scss/colors.scss';

$border-color: rgba(32, 119, 254 , 1);
$border-color-to:rgba(76,202,255,1);
$f-menu-size:16px;

.sidebar{
    width:100%;
    height: 100%;
    background: $sider-bg-color;
    font-size: $f-menu-size;
    color: $border-color;
    border-right: $border-line;
    border-top-left-radius: $radius-size;
    padding-left: 15px;
    padding-top: 10px;
    .ant-menu-vertical{
        border: none;
    };

    .sidebar-nav{
        padding-top: 10px;
        ul{
            margin:0 auto;
            background: $sider-bg-color;
            border-top-left-radius: $radius-size;
        }
        li{ 
            cursor:pointer;
            padding: 20px 0;
            font-size: $btn-f-size;
            margin-left: 11px;
            list-style: none;
            width: 170px;
            border-bottom: 2px solid rgba(0,0,0,0);
            .nav-link{
                text-decoration:none;
            };
            .ant-menu-submenu-arrow{
                display: none
            };
            span{
               padding-left: 15px;
            };
            .fr{float:right;};
            &:hover{
                fill: $border-color;
                color: $border-color;
                img{
                    display: none;
                    &.hover{
                        display: inline;
                    }
                }
            };
            img{
                display: inline;
                &.hover{
                    display: none;
                }
            }

        };
        .li-active{
            img{
                display: none;
                &.hover{
                    display: inline;
                }
            }
            color: $border-color;
            border-bottom: 2px solid $border-color;
            border-image: -webkit-linear-gradient(90deg,$border-color,$border-color-to) 80 0;
            border-image: -moz-linear-gradient(90deg,$border-color,$border-color-to) 80 0;
            border-image: linear-gradient(90deg,$border-color,$border-color-to) 80 0;
        };
        
    };


}